body {  font-family:verdana; font-size:14px; background:url(bg.png); }
body, a { color:#903300; }
header { text-align:center; }
article, footer { background-color:#FFEF8E; }
article {  width:708px; border:2px solid black; padding:0 10px; margin:8px auto; text-align:justify; position:relative; }
footer { width:718px; border:2px solid black; padding:5px; margin:12px auto; text-align:center; }
h3 { color:#55A169; }
.fail { color:#F83F1C; font-weight:bold; }
li { margin-bottom:15px; }
a { text-decoration:underline; }
.game ul { margin:auto; padding:0; text-align:center; margin-top:30px; }
.game li { cursor:pointer; width:150px; margin-right:15px; display:inline-block; text-align:center; border:1px solid black; padding:3px; }
.game li:hover { background:black; color:white; }
.game li:last-child { margin-right:0; }
.title { font-size:1.2em; font-weight:bold; }
.limit { margin-top:10px; display:block; }
.goforit { text-align:center; margin-bottom:10px; }
.selectioned { text-align:center; margin-bottom:10px; min-height:150px; }
.timeout { text-align:center; font-size:1.2em; }
.next { text-align:right; margin:0 0 20px; }
.next.again { text-align:left; }
.next span { border:1px solid black; cursor:pointer; margin:0; padding:5px; text-align:center; width:100px; margin:5px 5px 5px 0; }
.next span:hover { background:black; color:white; }
.score { background:#89B465; border-bottom:2px solid black; border-left:2px solid black; color:#E1ED70;
    float: right; font-size: 2em; padding:14px; position:absolute; top:0; right:0; }
.mode, .result { font-size: 1.6em; text-align: center; }
.result strong { font-size:1.8em; }
article p img { margin:auto; display:block; }